﻿<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hui.css-H.js</title>
    <link rel="stylesheet" type="text/css" href="../../../css/Hui.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/iconfont/iconfont.css" />
    <style type="text/css">
    </style>
</head>
<body>
    <div class="H-padding10">
        <button class="H-button H-button-block H-theme1-bg H-color-white H-border-radius9-px" tapmode="" onclick="H.showProgress(); setTimeout(function () { H.hideProgress();}, 3000);">系统默认加载</button>
    </div>
    <div class="H-padding10">
        <button class="H-button H-button-block H-theme2-bg H-color-white H-border-radius9-px" tapmode="" onclick="H.openFrame('load1', 'load1.html', null, { bounces: false }); setTimeout(function () { H.closeFrame('load1'); }, 3000);">自定义加载一</button>
    </div>
    <div class="H-padding10">
        <button class="H-button H-button-block H-theme3-bg H-color-white H-border-radius9-px" tapmode="" onclick="H.openFrame('load2', 'load2.html', null, { bounces: false }); setTimeout(function () { H.closeFrame('load2'); }, 3000);">自定义加载二</button>
    </div>
    <div class="H-padding10">
        <button class="H-button H-button-block H-theme4-bg H-color-white H-border-radius9-px" tapmode="" onclick="H.openFrame('load3', 'load3.html', null, { bounces: false }); setTimeout(function () { H.closeFrame('load3'); }, 3000);">自定义加载三</button>
    </div>
    <div class="H-padding10">
        <button class="H-button H-button-block H-theme5-bg H-color-white H-border-radius9-px" tapmode="" onclick="H.openFrame('load4', 'load4.html', null, { bounces: false }); setTimeout(function () { H.closeFrame('load4'); }, 3000);">自定义加载四</button>
    </div>
    <div class="H-padding10">
        <button class="H-button H-button-block H-theme6-bg H-color-white H-border-radius9-px" tapmode="" onclick="H.openFrame('load5', 'load5.html', null, { bounces: false }); setTimeout(function () { H.closeFrame('load5'); }, 3000);">自定义加载五</button>
    </div>
    <div class="H-padding10">
        <button class="H-button H-button-block H-theme7-bg H-color-white H-border-radius9-px" tapmode="" onclick="H.openFrame('load6', 'load6.html', null, { bounces: false }); setTimeout(function () { H.closeFrame('load6'); }, 3000);">自定义加载六</button>
    </div>
    <div class="H-padding10">
        <button class="H-button H-button-block H-theme8-bg H-color-white H-border-radius9-px" tapmode="" onclick="H.openFrame('load7', 'load7.html', null, { bounces: false }); setTimeout(function () { H.closeFrame('load7'); }, 3000);">自定义加载七</button>
    </div>
    <div class="H-padding10">
        <button class="H-button H-button-block H-theme9-bg H-color-white H-border-radius9-px" tapmode="" onclick="H.openFrame('load8', 'load8.html', null, { bounces: false }); setTimeout(function () { H.closeFrame('load8'); }, 3000);">自定义加载八</button>
    </div>
    <div class="H-padding10">
        <button class="H-button H-button-block H-theme10-bg H-color-white H-border-radius9-px" tapmode="" onclick="H.openFrame('load9', 'load9.html', null, { bounces: false }); setTimeout(function () { H.closeFrame('load9'); }, 3000);">自定义加载九</button>
    </div>
    <div class="H-padding10">
        <button class="H-button H-button-block H-theme1-bg H-color-white H-border-radius9-px" tapmode="" onclick="H.openFrame('load10', 'load10.html', null, { bounces: false }); setTimeout(function () { H.closeFrame('load10'); }, 3000);">自定义加载十</button>
    </div>
    <div class="H-padding10">
        <button class="H-button H-button-block H-theme2-bg H-color-white H-border-radius9-px" tapmode="" onclick="H.openFrame('load11', 'load11.html', null, { bounces: false }); setTimeout(function () { H.closeFrame('load11'); }, 3000);">自定义加载十一</button>
    </div>
    <script type="text/javascript" src="../../../script/H.js"></script>
    <script type="text/javascript"></script>
</body>
</html>